<article class="smc-profit-warp-out" :class="this.$i18n.locale==='us'? 'module-english' : ''">
    <div class="banner">
            
    </div>
    <!--<div class="smc-profit-warp" v-if="isLoading === true">-->
    	<!--<loading></loading>-->
    <!--</div>-->
    <div class="smc-profit-warp" v-show="isLoading === false">
	    <div class="up-warp">
	        <div class="title">
	            <div class="title-left">
	                <span>{{$tc('smcFinance.up.titleLeft',0)}} </span>
	                <img src="./img/smcf1@2x.png" alt="">
	                <span>{{$tc('smcFinance.up.titleLeft',1)}}</span>
	                <span>{{$tc('smcFinance.up.titleLeft',2)}}</span>
	                <span><a href="./account.html">{{$t('common.deposit')}}</a></span>
	                <span><a href="./account.html">{{$tc('common.withdraw',2)}}</a></span>
	            </div>
	            <div class="title-right">
	                <span>{{$t('smcProfit.mainText.SMCF1Nowprice')}}</span>
	                <span>{{perUnit}} USDT</span>
	            </div>
	        </div>
	    </div>

		<div class="finace-info">
			<span class="text">{{$t('smcProfit.mainText.account')}} {{userAccount}}</span>
			<span class="text">{{$t('smcProfit.mainText.holdQuantity')}} {{fundAssetCodeAmount}}</span>
			<span class="text">{{$t('smcProfit.mainText.nowNetAssetValue')}} {{worth}}</span>
			<span class="text">{{$t('smcProfit.mainText.yourTotalNetWorth')}} {{totalWorth}}</span>
		</div>

	    <div class="profit-detail">
			<div class="verify-info">
				<span class="point">{{$t('smcProfit.mainText.KYCL1')}}{{level==='LEVEL1'||level==='LEVEL2'? $t('smcProfit.mainText.haveConfirm') : $t('smcProfit.mainText.noConfirm')}}</span>
				<span class="text">{{$t('smcProfit.mainText.KYCL1Intoduce')}}</span>
			</div>
			<div class="ticket-info">
				<span class="point">{{$t('smcProfit.mainText.firstTicket')}}</span>
				<img class="icon" src="img/ticket.png"/>
				<span class="point">{{$t('smcProfit.mainText.'+buyTicket)}}</span>
				<span class="text">{{$t('smcProfit.mainText.ticketIntroduce')}}</span>
			</div>
			<div class="buy-back">
				<div v-if="isPreBack === true" class="btn active" @click="ticketPreReturn"  >{{$t('smcProfit.mainText.preExpiryExchangeBtn')}}</div>
				<div v-if="isCanBack === false"  class="btn">{{$t('smcProfit.mainText.expiryExchangeBtn')}}</div>
				<div v-if="isCanBack === true" class="btn active" @click="ticketReturn">{{$t('smcProfit.mainText.expiryExchangeBtn')}}</div>
				<span class="date">{{fundEndDate | timezone('YYYY-MM-DD')}}{{$t('smcProfit.mainText.canExchange')}}</span>
			</div>
		</div>


		<div class="trend-wrap">
			<p class="profit-title">
				{{$t('smcProfit.mainText.profitShow')}}
				<span class="profit-subtitle">{{$t('smcProfit.mainText.profitShowIntroduce')}}</span>
			</p>
			<div class="trend">
				<trend :klineData="klineData"></trend>
			</div>
		</div>

		<div class="button-group">
            <a class="btn" href="./smc_finance.html" >{{$t('smcProfit.mainText.productIntroduceBtn')}}</a>
            <a class="btn" href="./market.html?s=smcf1_usdt" :disabled="isTradeOpen === false">{{$t('smcProfit.mainText.buyBtn')}}</a>
		</div>
		<div class="">
			<p class="profit-title">{{$t('smcProfit.mainText.riskHints')}}</p>
			<div class="profit-text">
				{{$t('smcProfit.mainText.hintsText')}}
			</div>
		</div>

    </div>
</article>